<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>购物车</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../../css/mui.css">
    <link rel="stylesheet" href="../../css/mycss/cartList.css">
</head>
<style>
    .person-info div{
        border-bottom: 1px solid #F8F8FF;
    }
</style>
<body style="background-color: rgb(236,239,243);max-width: 414px;margin: auto;">

<header id="header" class="mui-bar mui-bar-nav" style="max-width: 414px;margin: auto;background-color:rgb(0,145,219);">
    <a style="color: white; " class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <!--<div  class="l"></div>-->
    <div class="mui-title" style="color: white;text-align: left;margin-left: 20px">购物车</div>
</header>

<div class="mui-content">
    <div class="cart-order-info">
        <div class="mui-input-row mui-checkbox mui-pull-left cart-checked">
            <input  type="checkbox" checked>
            <label>&nbsp</label>
        </div>
        <div class="cart-img">
            <img src="../../images/750大图.png">
        </div>
        <div class="cart-article">
            <div class="cart-article-top">
                能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？
            </div>
            <div class="cart-article-center mui-row">
                <div class="mui-col-xs-5"><span>重量 ：0.4kg </span></div>
                <div class="mui-col-xs-7"><span>规格 ：love组合10只  </span></div>
            </div>
            <div class="cart-article-bottom">
						<span style="color: black">
							<!-- <span style="font-weight: bold;">¥</span> -->
							<span style="font-size: 14px;color: rgb(245,0,89)">¥1.00&nbsp</span>
							<span style="font-size: 12px;text-decoration:line-through">¥12.05
							</span>
						</span>
                        <div class="mui-numbox">
                            <!-- "-"按钮，点击可减小当前数值 -->
                            <button class="mui-btn mui-numbox-btn-minus" type="button">-</button>
                            <input class="mui-numbox-input" type="number" />
                            <!-- "+"按钮，点击可增大当前数值 -->
                            <button class="mui-btn mui-numbox-btn-plus" type="button">+</button>
                        </div>
            </div>
        </div>
    </div>

    <div class="cart-order-info">
        <div class="mui-input-row mui-checkbox mui-pull-left cart-checked">
            <input  type="checkbox" checked>
            <label>&nbsp</label>
        </div>
        <div class="cart-img">
            <img src="../../images/750大图.png">
        </div>
        <div class="cart-article">
            <div class="cart-article-top">
                能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？
            </div>
            <div class="cart-article-center  mui-row">
                <div class="mui-col-xs-4"><span>重量:0.4kg </span></div>
                <div class="mui-col-xs-8"><span>规格:love组合10只  </span></div>
            </div>
            <div class="cart-article-bottom">
						<span style="color: black">
							<!-- <span style="font-weight: bold;">¥</span> -->
							<span style="font-size: 14px;color: rgb(245,0,89)">¥1.00&nbsp</span>
							<span style="font-size: 12px;text-decoration:line-through">¥12.05
							</span>
						</span>
                <div class="mui-numbox">
                    <!-- "-"按钮，点击可减小当前数值 -->
                    <button class="mui-btn mui-numbox-btn-minus" type="button">-</button>
                    <input class="mui-numbox-input" type="number" />
                    <!-- "+"按钮，点击可增大当前数值 -->
                    <button class="mui-btn mui-numbox-btn-plus" type="button">+</button>
                </div>
            </div>
        </div>
    </div>

    <div class="cart-order-info">
        <div class="mui-input-row mui-checkbox mui-pull-left cart-checked">
            <input  type="checkbox" checked>
            <label>&nbsp</label>
        </div>
        <div class="cart-img">
            <img src="../../images/750大图.png">
        </div>
        <div class="cart-article">
            <div class="cart-article-top">
                能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？
            </div>
            <div class="cart-article-center mui-row">
                <div class="mui-col-xs-4"><span>重量 ：0.4kg </span></div>
                <div class="mui-col-xs-8"><span>规格 ：love组合10只  </span></div>
            </div>
            <div class="cart-article-bottom">
						<span style="color: black">
							<!-- <span style="font-weight: bold;">¥</span> -->
							<span style="font-size: 14px;color: rgb(245,0,89)">¥1.00&nbsp</span>
							<span style="font-size: 12px;text-decoration:line-through">¥12.05
							</span>
						</span>
                <div class="mui-numbox">
                    <!-- "-"按钮，点击可减小当前数值 -->
                    <button class="mui-btn mui-numbox-btn-minus" type="button">-</button>
                    <input class="mui-numbox-input" type="number" />
                    <!-- "+"按钮，点击可增大当前数值 -->
                    <button class="mui-btn mui-numbox-btn-plus" type="button">+</button>
                </div>
            </div>
        </div>
    </div>
</div>

<!--<div class="cart-order-checked">-->
    <!--<div class="mui-input-row mui-checkbox mui-pull-left" >-->
        <!--<input  type="checkbox" checked>-->
        <!--<label>&nbsp</label>-->
    <!--</div>-->
<!--</div>-->

<!-- 底部START -->
<footer class="mui-row" style="max-width: 414px;margin: auto;	position:fixed;
    bottom:0;
    height: 50px;
    width: 100%;
    background-color: black;">
    <div class="mui-col-xs-8" style="background-color: white;">
        <div class="mui-input-row mui-checkbox mui-pull-left" >
            <input  type="checkbox" checked>
            <label>&nbsp</label>
        </div>
        <span style="line-height: 50px">全选</span>
    </div>
    <div class="mui-col-xs-4"  style="text-align: center;background-color: rgb(245,0,89);">
        <a onclick="javascript:goUrl('checkOrder.html')"  style="line-height: 50px;color:white;">结算</a>
    </div>
</footer>
<!-- 底部END  -->


<script src="../../js/mui.js"></script>

<!--<script src="../../js/mui.picker.min.js"></script>-->
<script src="../../js/myjs/cartList.js"></script>
<script src="../../js/myjs/url.js"></script>
</body>

</html>